<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
$(function() {
		
		$("#pager").pager({ pagenumber: ${visitorModel.currentPage}, 
			pagecount: ${visitorModel.totalPage},
			buttonClickCallback: function(page){
				$("#content_detail").load("taFriendVisitorFamily.htm?family=${family}&page="+page);
			}
		});
		
	});
	
	
</script>
<div class="h_main2">
	<div class="h_data">
		<h2>
			TA家的邻居
		</h2>
		<div class="h_newNews">
			<ul>
				<li id="newNews1" onclick="taFriend()">
					<a>TA家的邻居</a>
				</li>
				<li id="newNews2" class="h_newNewsHover">
					<a>TA家的访问脚印</a>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="h_newNews_box">
			<div class="h_newNews_text" id="con_newNews_1"
				style="display: block;">
				<div class="data_h_newNews_nav">
					<a href="javascript:void(0);" id="friend_visitor_member"
						onclick="friendVisitor('1')">谁来看过TA家</a>|
					<a id="friend_visitor_family" href="javascript:void(0);"
						class="current">TA去看过谁家</a>
				</div>
				<div class="h_friends_list">
					<c:if test="${visitorModel.list == null || fn:length(visitorModel.list) < 1}">
						<div class="success">TA最近没有串门子哦！</div>
					</c:if>
					<ul>
						<c:forEach items="${visitorModel.list}" var="visitor">
							<li style="margin-top: 10px;margin-bottom: 10px;">
								<div class="newsList_img2 fl">
									<div class="own_img"
										onclick="seeOtherFamily('${visitor.doorplate}')">
										<img src="${visitor.familyAvatar}" width="58" height="58"
											alt="TA家的邻居" />
									</div>

								</div>
								<a href="javascript:void(0);"><c:out
										value="${visitor.visitUsername}" /> </a>
								<em><fmt:formatDate value="${visitor.gmtModified}" pattern="yyyy-MM-dd HH:mm" /></em>
							</li>
						</c:forEach>
						<div class="clear"></div>
					</ul>
					<div class="clear"></div>
				</div>

			</div>

		</div>
	</div>
	<div class="h_page" id="pager"></div>
</div>

